<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- [css] css常用的布局方式有哪些？ -->
    流式布局: 最基本的布局，就是顺着 html 像流水一样流下来
  绝对定位: 利用 position: absolute 进行绝对定位的布局
  float 布局: 最初用来解决多栏布局的问题。比如圣杯、双飞燕的布局都可以用 float 来实现
  珊格布局: bootstrap 用的布局，把页面分为 24 分，通过 row 和 col 进行布局
  flex 布局: css3 的布局可以非常灵活地进行布局和排版
  grid 布局: 网格布局
</body>
</html>
<style>

</style>